<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>v-bind</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
</head>
<body>
    <div id="app">
        <ul>
            <li v-for="(user,index) in users">
                <div v-if="user.Age==1">
                    {{user.Age}}
                </div>
                {{index+1}}--{{user.name}}---{{user.Age}}
            </li>
        </ul>

    </div>
    <script>
        var app=new Vue({
            el:"#app",
            data:{
            users:[
                {"name":"java","Age":1},
                {"name":"php","Age":2},
                {"name":"php","Age":4},
                {"name":"php","Age":1},
                {"name":"php","Age":54},
                {"name":"php","Age":76},
                {"name":"php","Age":3},
                {"name":"php","Age":4},
                {"name":"php","Age":1},
                {"name":"php","Age":3},
                {"name":"php","Age":1},
            ],
            },
            method:{
            }
        })
    </script>
</body>
</html>